@extends('wap/layout/master')
@section('title')
    充值安全
@stop
@section('style')
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        .container {
            padding-bottom: 40px;
        }

        .header {
            text-align: center;
            font-weight: 700;
            font-size: 22px;
            line-height: 54px;
            margin: 30px 10px 0px 10px;
        }

        .panel {
            background: #fff;
            margin: 10px;
            padding-top: 20px;
        }

        .panel-title {
            font-size: 18px;
            margin-bottom: 10px;
            color: #272F3B;
        }

        .panel-body {
            color: #63676F;
        }

        .min-title {
            font-size: 16px;
            color: #006CE0;
            padding-bottom: 10px;
        }

        .row {
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
        }
    </style>
@stop
@section('content')
    <div class="container">
        <div class="header">安全</div>
        <div class="row" style="margin: 0 10px;">
            <div style="width: 50%; margin-right: 5px;">
                <a href="/app/instruction"><img src="/v2/img/jysm.png" width="100%" style="display: block;"></a>
            </div>
            <div style="width: 50%; margin-left: 5px;">
                <a href="redirect://oilcard:8888/question">
                <img src="/v2/img/cjwt.png" width="100%" style="display: block;">
                </a>
            </div>
        </div>

        <div class="panel">
            <div class="panel-title">支持加油卡</div>
            <div class="panel-body">
                <div class="row">
                    <div style="width: 50%; margin-right: 5px;"><img src="/v2/img/safe-zsh.png" width="100%"
                                                                     style="display: block;"></div>
                    <div style="width: 50%; margin-left: 5px;"><img src="/v2/img/safe-zsy.png" width="100%"
                                                                    style="display: block;"></div>
                </div>
                <div>
                    中国石油个人记名主卡，中石化个人记名主卡和单位主卡
                </div>
            </div>
        </div>
        <div class="panel">
            <div class="panel-title">不支持加油卡</div>
            <div class="panel-body">
                副卡、增值税票卡、不记名卡、过期卡、中石油BP卡、司机卡、车队卡、银行联名卡
            </div>
        </div>
        <div class="panel">
            <div class="panel-title">银行监管保障</div>
            <div class="panel-body">
                <div class="min-title">1.浙商银行专用账户监管</div>
                <div>
                    支付金额由浙商银行提供专用账户监管，受央行监管，保证充值资金专款专用，安全可靠！
                </div>
            </div>
        </div>
        <div>
            <a href="/app/jgzm"><img src="/v2/img/zsyh.png" style="width: 100%; display: block"></a>
        </div>
        <div>
            <img src="/v2/img/jsgs1.png" style="width: 100%; display: block">
        </div>
    </div>
@stop
@section('javascript')

@stop